<html lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="html 5 template">
<meta name="author" content="tonytemplates.com">
<link rel="icon" href="favicon.ico">
<title>完善个人信息</title>
<!-- Bootstrap core CSS -->
<link href="../css/plugins/bootstrap.min.css" rel="stylesheet">
<link href="../css/plugins/bootstrap-submenu.css" rel="stylesheet">
<link href="../css/plugins/animate.min.css" rel="stylesheet">
<link href="../css/plugins/nivo-slider.css" rel="stylesheet">
<link href="../css/plugins/slick.css" rel="stylesheet">
<link href="../css/plugins/magnific-popup.css" rel="stylesheet">
<link href="../css/custom.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<!-- Icon Font-->
<link href="../iconfont/style.css" rel="stylesheet">
<!-- Google Fonts -->
<link
	href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,400,500,700,900"
	rel="stylesheet">
<!-- Google map -->
<!---<script type="text/javascript" src="http://ditu.google.cn/maps/api/js"></script>--->
</head>

<body class="home">
	<!-- Loader -->
	<div id="loader-wrapper" class="loader-on">
		<div id="loader">
			<div class="loader">
				<div class="bolt one">
					<div class="other"></div>
				</div>
				<div class="bolt two">
					<div class="other"></div>
				</div>
				<div class="bolt three">
					<div class="other"></div>
				</div>
				加载中
			</div>
		</div>
	</div>
	<!-- //Loader -->
	<!-- Header -->
	<!-- // Header -->
	<!-- Content  -->
	<div id="page-content">
		<!-- Breadcrumbs Block -->
		<div class="container">
			<div class="breadcrumbs">
				<ul class="breadcrumb">
					<li class="active">完善个人信息</li>
					<li class="active">联系我们</li>
				</ul>
			</div>
		</div>
		<!-- //Breadcrumbs Block -->
		<!-- Block -->
		<div class="block">
			<h1 class="text-center decor color">完善 <b>个人信息</b></h1>
			<div class="divider"></div>
		</div>
		<!-- //Block -->
		<!-- Block -->
		<div class="block">
			<div class="container">
				<div class="row">
					<div class="col-sm-5 col-md-3">
						<div class="address">
							<div class="address-block">
								<i class="icon icon-map-marker"></i>
								<h6 class="text-uppercase">Our address:</h6>8494 Signal Hill Road
								<br> Manassas, VA, 20110
							</div>
							<div class="address-block">
								<i class="icon icon-telephone"></i>
								<h6 class="text-uppercase">Call us:</h6> 1 (800) 765-43-21
							</div>
							<div class="divider-sm"></div>
							<h6>Have any questions?</h6>
							<p><a href="#">noreply@envato.com</a>
								<br>
								<a href="#">www.envato.com</a></p>
						</div>
						<div class="divider"></div>
						<div class="social-links">
							<ul>
								<li>
									<a class="icon icon-twitter" href="#"></a>
								</li>
								<li>
									<a class="icon icon-facebook" href="#"></a>
								</li>
								<li>
									<a class="icon icon-google-plus" href="#"></a>
								</li>
								<li>
									<a class="icon icon-linkedin" href="#"></a>
								</li>
								<li>
									<a class="icon icon-instagram" href="#"></a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-sm-1 visible-lg"></div>
					<div class="col-sm-7 col-md-8">
						<form id="perform" class="contact-form" name="perform" method="post" novalidate>
							<div id="success">
								<p>您的信息更新成功！</p>
							</div>
							<div id="error">
								<p>信息更新出错！请再次提交！</p>
							</div>
							<div class="inputs-col">
								<div class="row">
									<div class="col-md-6">
										<div class="input-wrapper">
											<label>姓名 <span class="required">*</span></label>
											<input type="text" class="input-custom input-full" id="trueName" placeholder="你的姓名">
										</div>
									</div>
									<div class="col-md-6">
										<div class="input-wrapper">
											<label>电话</label>
											<input type="text" class="input-custom input-full" id="phone" placeholder="你的电话">
										</div>
									</div>
								</div>
								<div class="input-wrapper">
									<label>身份证</label>
									<input type="text" class="input-custom input-full" id="identity" placeholder="你的身份证号">
								</div>
								<div class="input-wrapper">
									<label>年龄</label>
									<input type="text" class="input-custom input-full" id="age" placeholder="你的年龄">
								</div>
							</div>
							<button type="submit" id="submit" class="btn btn-border"><i class="icon icon-lightning"></i><span>提交个人信息</span></button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!-- //Block -->

	</div>
	<!-- // Content  -->
	<!-- Footer -->
	<div class="page-footer">
		<div class="back-to-top hidden-xs"><a href="#top"><span class="icon icon-lightning"></span></a></div>
		<div class="footer-top">
			<div class="container">
				<div class="row">
					<div class="col-sm-4">24小时不间断服务</div>
					<div class="col-sm-1 hidden-xs">&nbsp;</div>
					<div class="col-sm-3">免费咨询</div>
					<div class="col-sm-1 hidden-xs">&nbsp;</div>
					<div class="col-sm-3">1 (800) 765-43-21</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row footer-row">
				<div class="col-sm-3 col-lg-3">
					<div class="logo">
						<a href="index.html"><img src="../images/logo-invert.png" alt="Logo"></a>
					</div>
					<div class="hidden-xs">
						<div class="copyright">© 2016 Electrical Services.
							<br> All Rights Reserved</div>
						<div class="social-links">
							<ul>
								<li>
									<a class="icon icon-twitter" href="#"></a>
								</li>
								<li>
									<a class="icon icon-facebook" href="#"></a>
								</li>
								<li>
									<a class="icon icon-instagram" href="#"></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-sm-4">
					<ul class="contact-list">
						<li><span class="list-label"><b>联</b>系电话:  </span> <span class="text">1 (800) 765-43-21</span></li>
						<li><span class="list-label"><b>电</b>子邮件:</span> <span class="text"><a href="mailto:info@yourdomain.com">info@yourdomain.com</a></span></li>
						<li><span class="list-label"><b>地</b>址:</span> <span class="text">8494 Signal Hill Road Manassas,<br> VA, 20110</span></li>
						<li>Mon-Fri <b>08:00</b> AM - <b>05:00</b> PM, Sat-Sun</li>
					</ul>
				</div>
				<div class="col-sm-5">
					<div id="footer-map"></div>
				</div>
				<div class="visible-xs text-center">
					<div class="copyright">Copyright &copy; 2017.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></div>
					<div class="social-links">
						<ul>
							<li>
								<a class="icon icon-twitter" href="#"></a>
							</li>
							<li>
								<a class="icon icon-facebook" href="#"></a>
							</li>
							<li>
								<a class="icon icon-instagram" href="#"></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- //Footer -->
	
	<script src="../js/jquery.js"></script>
	<script src="../js/plugins/bootstrap.min.js"></script>
	<script src="../js/plugins/slick.min.js"></script>
	<script src="../js/plugins/jquery.form.js"></script>
	<script src="../js/plugins/jquery.validate.min.js"></script>
	<script src="../js/custom.js"></script>
	<script language="JavaScript">
    	fillerIn()
	</script>
	
</body>
</html>
